<ion-header [translucent]="true">
	<ion-toolbar>
		<ion-buttons slot="start">
			<ion-menu-button></ion-menu-button>
		</ion-buttons>
		<ion-title>数据库代理</ion-title>
		<ion-buttons slot="end">
			<ion-button (click)="edit()" color="primary">
				<ion-icon slot="start" name="settings"></ion-icon>
				设置
			</ion-button>
		</ion-buttons>
	</ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
	<ion-header collapse="condense">
		<ion-toolbar>
			<ion-title size="large">数据库代理</ion-title>
		</ion-toolbar>
	</ion-header>

	<ion-list>
		<ion-item>
			<ion-icon name="person" slot="start"></ion-icon>
			<ion-label>当前操作用户</ion-label>
			{{ name }}
		</ion-item>
		<ion-item>
			<ion-icon name="layers" slot="start"></ion-icon>
			<ion-label>数据库端口号</ion-label>
			{{ config.port }}
		</ion-item>
		<ion-item>
			<ion-icon name="settings" slot="start"></ion-icon>
			<ion-label>配置页端口号</ion-label>
			{{ config.webPort }}
		</ion-item>
		<ion-item>
			<ion-icon name="list" slot="start"></ion-icon>
			<ion-label>最大查询行数</ion-label>
			{{ config.defaultLimit }}
		</ion-item>
	</ion-list>
</ion-content>
